<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title>产品结算清单</title>

    <link rel="stylesheet" href="css/cart.css"/>
    <!--<script src="//cdn.jsdelivr.net/npm/eruda"></script>-->
    <!--<script>eruda.init();</script>-->
</head>


<body id="order_body">
<!--第一部分-->
<script type="text/template" id="settlementTpl">

    <section id="order_section">
        <div class="order_choose">
            <ul>
                <li class="order_address">
                    <div class="addressBox">

                        <img src="../../person_home/img/ios/RTLS@2x.png" alt=""/>
                    </div>
                    <div class="address">
                        <ul>
                            <li class="contacts">
                                <p class="address_contacts">联系人：<b>请选择或设置</b></p>

                                <p class="address_phone"></p>
                            </li>
                            <li class="serviceAddress">
                                服务地址：<b>请选择或设置</b>
                            </li>
                        </ul>
                    </div>
                    <div class="Add_address">
                        <img class="add_address" src="../../person_home/img/ios/Down@3x.png" alt=""/>
                    </div>
                </li>
                <li class="bigbg"></li>

                {{each data.list as item i}}
                {{if item.goods_info.belong_model==200}}
                <li class="order_goodsMsg">

                    <div class="goodsMsgBox">
                        <p>
                            <img src="{{item.goods_info.goods_thumb}}" alt=""/>
                        </p>

                        <div>
                            <div class="proModel">
                                <h3>{{item.goods_info.goods_name}}</h3>
                                <h4>{{item.goods_info.category_info.cat_name}}</h4>
                            </div>
                            <p class="date date{{i}}">日期：{{item.choose_start_time}}~{{item.choose_end_time}}</p>

                            <p class="num">时长：{{item.time_long_info.time_name?item.time_long_info.time_name:"8小时"}}</p>

                            <p class="meal">
                                <span>套餐：{{item.meal_info.group_name}}</span>
                                <span class="price">{{item.goods_price}}/天</span>
                            </p>
                        </div>
                    </div>
                </li>
                {{else if item.goods_info.belong_model==100||item.goods_info.belong_model==600}}
                <li class="order_goodsMsg">

                    <div class="goodsMsgBox">
                        <p>
                            <img src="{{item.goods_info.goods_thumb}}" alt=""/>
                        </p>

                        <div>
                            <div class="proModel">
                                <h3>{{item.goods_info.goods_name}}</h3>
                                <h4>{{item.goods_info.category_info.cat_name}}</h4>
                            </div>
                            <p class="date date{{i}}">日期：{{item.choose_start_time}}~{{item.choose_end_time}}</p>

                            <p class="num">数量：{{item.clear_number}}</p>

                            <p class="meal">
                                <span>套餐：{{item.meal_info.group_name}}</span>
                                <span class="price">{{item.goods_price}}/天</span>
                            </p>
                        </div>

                    </div>

                </li>
                {{/if}}
                {{/each}}

                <li class="bg"></li>
                <li class="order_coupon">
                    <p>优惠券</p>

                    <div>
                        <span class="couponPrice">请选择</span>
                        <b></b>
                    </div>
                </li>
                <li class="bg"></li>
                <li class="sendWay">
                    <p>配送方式</p>

                    <div>
                        <span>自提</span>
                    </div>
                </li>
                <li class="bg"></li>
                <li class="order_remark">

                    <h2>下单备注</h2>

                    <p>1、为了更好地为您服务，请在下单后尽快付款！</p>

                    <p>2、如果需要延长服务时间，请在订单结束前48H内申请订单延时。</p>

                    <!--<p class="xieyi">-->
                        <!--<input type="checkbox" checked disabled/>我同意《云智片用户租赁协议》-->
                    <!--</p>-->

                </li>
                <li class="bg"></li>
                <li class="moneyDetail">
                    <div>
                        <p>服务总额</p>
                        <span>￥<b class="proTotal">{{data.goods_price_total_count_except_deposit}}</b></span>
                    </div>
                    <div>
                        <p>优惠金额</p>
                        <span>￥<b class="coupon_pledge">0.00</b></span>
                    </div>
                    <div>
                        <p>配送金额</p>
                        <span>￥<b class="sendTotal">0.00</b></span>
                    </div>
                    <div>
                        <p>押金金额</p>
                        <span>￥<b class="cash_pledge">{{data.goods_deposit_total_count}}</b></span>
                    </div>

                </li>

            </ul>
        </div>

    </section>

    <!--底部提交订单-->
    <footer id="order_footer">
        <p class="order_price">实付款：￥{{data.goods_price_total_count}}</p>
        <button class="submit">提交订单</button>
    </footer>


</script>
<script src="../../person_home/js/flexible.js"></script>
<script src="../../person_home/js/jquery-3.2.1.min.js"></script>
<script src="../../person_home/js/template.js"></script>
<script src="../../person_home/js/url.js"></script>
<script src="../../person_home/js/isIphoneX.js"></script>
<script src="./js/carTest.js"></script>
</body>

</html>